<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>星巴克|用每一杯咖啡星巴克独特的咖啡体验</title>
    <link rel="stylesheet" href="css/index/index.css">
    <link rel="stylesheet" href="bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="css/index/style.css">
    <script type="text/javascript" src="js/style.js"></script>
</head>

<body>
    <div class="index_content">
        <div class="index_left">
            {{include './navi-header.html'}}
            <div class="select">
                <ul class="nav flex-column">
                    <li class="nav-item">
                        <a class="nav-link active" aria-current="page" href="#">心情惬意，来杯咖啡吧 ☕</a>
                    </li>
                    <li class="nav-item disabled">
                        <i></i><span><a href="/login">登录</a></span><button><a href="/register">注册</a></button>
                    </li>
                </ul>
            </div>
        </div>
        <div class="index_right">
            <img src="images/main_advertise.jpg" alt="">
            <div class="advertise">广告</div>
            <div class="index_club">
                <img src="images/tmall-2020-06-29-zh.jpg" alt="">
                <img src="images/starbucks-design-studio-web-china.jpg" alt="">
                <img src="images/homepage-career-cn.jpg" alt="">
            </div>
            <div class="indedx_wrapper">
                <div class="wrapper_content">
                    <h2>星享俱乐部</h2>
                    <p>开启您的星享之旅，星星越多、会员等级越高、好礼越丰富。<span><a href="/club">了解更多 ›</a></span></p>
                    <p>
                        <button><a href="/login">登录</a></button>
                        <button><a href="/register">注册</a></button>
                    </p>
                </div>
                <div class="wrapper_img">
                    <img src="images/logo-msr.svg" alt="">
                </div>
            </div>
            <div class="index_Selection">
                <div class="Selection_content">
                    <h2>星巴克精选</h2>
                    <p>在星巴克天猫旗舰店发现更多咖啡心意</p>
                    <ul>
                        <li><a href="">
                                <img src="images/tmall-card-01-update.png" alt="">
                                <p>会员星礼包</p>
                                <p>星享卡新升级<br>更多心意好礼</p>
                                <p>了解更多 ›</p>
                            </a></li>
                        <li><a href="">
                                <img src="images/tmall-card-02.png" alt="">
                                <p>星礼卡</p>
                                <p>用一份心礼<br>让心意相随</p>
                                <p>了解更多 ›</p>
                            </a></li>
                        <li><a href="">
                                <img src="images/tmall-eticket.png" alt="">
                                <p>电子产品卷</p>
                                <p>心意<br>从这一杯开始</p>
                                <p>了解更多 ›</p>
                            </a></li>
                        <li><a href="">
                                <img src="images/tmall-reserve.png" alt="">
                                <p>咖啡生活</p>
                                <p>星巴克<br>用心制作</p>
                                <p>了解更多 ›</p>
                            </a></li>
                    </ul>
                </div>
            </div>
            <div class="index_cofferhouse">
                <h2>1912 派克街 | 咖啡星讲堂</h2>
                <p>了解更多星巴克咖啡文化</p>
                <div class="cofferhouse_img">
                    <a class="img1" href="/index/indexDetail">
                        <img src="images/coffeehouse1.jpg" alt="">
                        <span>咖啡的起源和培植</span>
                    </a>
                    <a class="img2" href="/index/indexDetail">
                        <img src="images/coffeehouse2.jpg" alt="">
                        <span>咖啡调剂</span>
                    </a>
                    <a class="img3" href="/index/indexDetail">
                        <img src="images/coffeehouse3.jpg" alt="">
                        <span>咖啡烘焙</span>
                    </a>
                    <a class="img4" href="/index/indexDetail">
                        <img src="images/coffeehouse4.jpg" alt="">
                        <span>手冲咖啡</span>
                    </a>
                </div>
            </div>
            <div class="index_footer">
                <div class="footer">
                    沪公网安备 31010402000253号 | 沪ICP备17003747号
                </div>
            </div>
        </div>
    </div>

</body>
<!-- <script src="bootstrap/bootstrap.min.js"></script> -->

</html>